$primary-color: #0081FA;

.carman-component{
  background-color: #fff;
  padding: 18px 25px;
  margin-bottom: 20px;
  border-bottom: 2px solid #eaeaea;
  box-shadow: 1px 2px 5px 0px #e9e9e9;
  .way{
    display: grid;
    grid-template-columns: auto 100px auto;
    gap: 2px;
    .departure{
      // background-color: #f0f0f0;
      font-size:16px;
      font-weight:550;
      letter-spacing:0px;
      text-align: center;
      // padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .leaveIcon{
      // background-color: #f0f0f0;
      // padding: 10px;
      width: 100px; /* 第二列固定宽度 150px */
      .leaveSize{
        width:100%;
        height: 60px;
      }
    }
    .destination{
      // background-color: #f0f0f0;
      font-size:16px;
      font-weight:550;
      letter-spacing:0px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  // padding: 10px;
    }
  }
}

.remarks-wrap{
  
}
.tag-list{
  margin-top: 10px;
  // display: grid;
  // grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* 自动换行，每个 item 最小宽度 150px */
  // gap: 10px; /* 子元素之间的间隔 */
}


.tag-component{
  padding: 7px 13px;
  background :rgba(247, 247, 247, 1);
  color: $primary-color;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
  // flex: 1; /* 使子元素宽度相等 */
  display: inline-block;
  margin: 0 10px 10px 0;
}

.active-wrap{

}

.btns-wrap{
  margin-top: 20px;
}

.user-wrap{
  margin-top: 24px;
}


.local-base{
  display: flex;
  flex-direction: column;
  .pro_city_county{
    // border-bottom: 1px solid #d4d4d4;
    width: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-bottom: 3px;
    span{
      color: #fff;
      padding: 3px;
      border-radius: 6px;
      margin-right: 3px;
      font-size: 12px;
      font-weight: normal;
    }
    .start{
      background: #090;
    }
    .end{
      background: #d0b544fc;
    }
    .text-center{
      width: 100%;
      display: flex;
      color: #000;
      // justify-content: center;
    }
  }

  .base-detail-address{
    width: 100%;
    display: flex;
    justify-content: center;
  }
}